<form #generatorForm="ngForm">
    <h2><fa-icon [icon]="'cloud-upload-alt'"></fa-icon>&nbsp;<span>持续集成</span></h2>
    <jhi-alert></jhi-alert>
    <hr/>
    <jhi-git-provider-alert [tab]="'ci-cd'"></jhi-git-provider-alert>
    <jhi-git-provider (sharedData)="updateSharedData($event)"></jhi-git-provider>
    <div *ngIf="isAtLeastOneGitProviderAvailableAndConfigured()">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    支持以下工具：
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h3><a href="https://github.com/features/actions">GitHub Actions</a></h3>
                    <ul>
                        <li><b>警告！</b> 由于GitHub最近更新了其OAuth2令牌策略，您可能需要前往<a href="/git">配置</a>页面刷新您的令牌并授予微服务代码模版 "workflow"访问权限</li>
                        <li>将向您的项目添加<code>github-ci.yml</code>文件。</li>
                        <li>将项目推送到GitHub；actions工作流将在您的GitHub仓库上配置。</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <h3><a href="https://jenkins.io/">Jenkins</a></h3>
                    <ul>
                        <li>将向您的项目添加<code>Jenkinsfile</code>文件。</li>
                        <li>前往您的Jenkins实例</li>
                        <li>创建一个新作业，使用`Pipeline script from SCM`</li>
                        <li>将SCM配置指向您的GitHub或GitLab仓库</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <h3><a href="https://gitlab.com/">Gitlab</a></h3>
                    <ul>
                        <li>将向您的项目添加<code>.gitlab-ci.yml</code>文件。</li>
                        <li>您的PR现在使用GitLab持续集成运行</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <h3><a href="https://dev.azure.com">Azure Pipelines</a></h3>
                    <ul>
                        <li>将向您的项目添加<code>azure-pipelines.yml</code>文件。</li>
                        <li>前往您Azure DevOps组织中的项目。</li>
                        <li>使用您的项目创建新的管道</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <h3><a href="https://travis-ci.org/">Travis</a></h3>
                    <ul>
                        <li>将向您的项目添加<code>.travis.yml</code>文件。</li>
                        <li>前往您的<a href="https://travis-ci.org/profile" target="_blank" rel="noopener noreferrer">Travis个人资料页面。</a></li>
                        <li>在您的Travis个人资料页面上点击"同步账户"。</li>
                        <li>在您的Travis个人资料页面上启用您的项目。</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <h3><a href="https://circleci.com/">CircleCI</a></h3>
                <ul>
                    <li>将向您的项目添加<code>circle.yml</code>文件。</li>
                    <li>根据您的版本控制系统创建CircleCI集成；https://circleci.com/integrations/</li>
                </ul>
            </div>
        </div>
        <hr/>
        <div class="container">
          <p>
              选择您想要配置的持续集成系统：
          </p>
          <div class="row">
              <div class="col-md-6">
                  <div class="form-group">
                      <select id="ciCdTool" [(ngModel)]="ciCdTool" name="ciCdTool" class="form-control"
                              #ctrl="ngModel">
                          <option value="travis">Travis</option>
                          <option value="jenkins">Jenkins</option>
                          <option value="gitlab">Gitlab</option>
                          <option value="azure">Azure Pipelines</option>
                          <option value="github">GitHub Actions</option>
                          <option value="circle">CircleCI</option>
                      </select>
                  </div>
              </div>
          </div>
        </div>
        <hr/>
        <p class="text-center">
            <button class="btn btn-primary" (click)="applyCiCd()" [disabled]="!isGitProviderComponentValid">
            <span>
            是的，添加持续集成
            </span>
            </button>
        </p>
    </div>
</form>
